﻿<!DOCTYPE html>
<html>
  <head>
    <title>歌单详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/歌单详情/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/歌单详情/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 原始 (矩形) -->
      <div id="u338" class="ax_default box_1" data-label="原始">
        <div id="u338_div" class=""></div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u339" class="ax_default _图片">
        <img id="u339_img" class="img " src="images/index/u3.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u340" class="ax_default box_1">
        <div id="u340_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u341" class="ax_default box_1">
        <div id="u341_div" class=""></div>
        <div id="u341_text" class="text ">
          <p><span>我的音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u342" class="ax_default box_1">
        <div id="u342_div" class=""></div>
        <div id="u342_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u343" class="ax_default box_1">
        <div id="u343_div" class=""></div>
        <div id="u343_text" class="text ">
          <p><span>歌单</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u344" class="ax_default box_1">
        <div id="u344_div" class=""></div>
        <div id="u344_text" class="text ">
          <p><span>歌手</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u345" class="ax_default button">
        <div id="u345_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u346" class="ax_default button">
        <div id="u346_div" class=""></div>
        <div id="u346_text" class="text ">
          <p><span>&nbsp;搜索音乐(待开发)</span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u347" class="ax_default _图片">
        <img id="u347_img" class="img " src="images/index/u11.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u348" class="ax_default box_1">
        <div id="u348_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u349" class="ax_default" data-left="80" data-top="243" data-width="202" data-height="214">

        <!-- Unnamed (矩形) -->
        <div id="u350" class="ax_default box_1">
          <div id="u350_div" class=""></div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u351" class="ax_default _图片">
          <img id="u351_img" class="img " src="images/歌单详情/u351.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u352" class="ax_default box_2">
        <div id="u352_div" class=""></div>
        <div id="u352_text" class="text ">
          <p style="font-size:28px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">简介：</span></p><p style="font-size:20px;"><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">he Good, the Bad and the Ugly: Original Motion Picture Soundtrack was released in 1966 alongside the Western film, The Good, the Bad and the Ugly, directed by Sergio Leone. The score is composed by frequent Leone collaborator Ennio Morricone, whose distinctive original compositions, containing gunfire, whistling, and yodeling permeate the film. The main theme, resembling the howling of a coyote, is a two-note melody that is a frequent motif, and is used for the three main characters, with a different instrument used for each one: flute for Blondie (Man With No Name), Arghilofono (Ocarina) for Angel Eyes, and human voices for Tuco.</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u353" class="ax_default box_2">
        <div id="u353_div" class=""></div>
        <div id="u353_text" class="text ">
          <p><span>The Good, the Bad and the Ugly</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u354" class="ax_default box_1">
        <div id="u354_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u355" class="ax_default box_1">
        <div id="u355_div" class=""></div>
        <div id="u355_text" class="text ">
          <p><span>艺人</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u356" class="ax_default box_1">
        <div id="u356_div" class=""></div>
        <div id="u356_text" class="text ">
          <p><span>专辑</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u357" class="ax_default box_1">
        <div id="u357_div" class=""></div>
        <div id="u357_text" class="text ">
          <p><span>歌曲名</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u358" class="ax_default box_1">
        <div id="u358_div" class=""></div>
        <div id="u358_text" class="text ">
          <p><span>歌单</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u359" class="ax_default" data-left="498" data-top="624" data-width="1280" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u360" class="ax_default box_1">
          <div id="u360_div" class=""></div>
          <div id="u360_text" class="text ">
            <p><span>周杰伦</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u361" class="ax_default box_1">
          <div id="u361_div" class=""></div>
          <div id="u361_text" class="text ">
            <p><span>摩羯座</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u362" class="ax_default box_1">
          <div id="u362_div" class=""></div>
          <div id="u362_text" class="text ">
            <p><span>稻香</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u363" class="ax_default" data-left="498" data-top="680" data-width="1280" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u364" class="ax_default box_1">
          <div id="u364_div" class=""></div>
          <div id="u364_text" class="text ">
            <p><span>林允儿</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u365" class="ax_default box_1">
          <div id="u365_div" class=""></div>
          <div id="u365_text" class="text ">
            <p><span>Blossom</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u366" class="ax_default box_1">
          <div id="u366_div" class=""></div>
          <div id="u366_text" class="text ">
            <p><span>月亮代表我的心</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u367" class="ax_default" data-left="499" data-top="737" data-width="1280" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u368" class="ax_default box_1">
          <div id="u368_div" class=""></div>
          <div id="u368_text" class="text ">
            <p><span>Jessica</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u369" class="ax_default box_1">
          <div id="u369_div" class=""></div>
          <div id="u369_text" class="text ">
            <p><span>Falling Crazy in Love</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u370" class="ax_default box_1">
          <div id="u370_div" class=""></div>
          <div id="u370_text" class="text ">
            <p><span>Falling Crazy in Love</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u371" class="ax_default" data-left="498" data-top="794" data-width="1280" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u372" class="ax_default box_1">
          <div id="u372_div" class=""></div>
          <div id="u372_text" class="text ">
            <p><span>周杰伦</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u373" class="ax_default box_1">
          <div id="u373_div" class=""></div>
          <div id="u373_text" class="text ">
            <p><span>我很忙</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u374" class="ax_default box_1">
          <div id="u374_div" class=""></div>
          <div id="u374_text" class="text ">
            <p><span>牛仔很忙</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u375" class="ax_default" data-left="499" data-top="851" data-width="1280" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u376" class="ax_default box_1">
          <div id="u376_div" class=""></div>
          <div id="u376_text" class="text ">
            <p><span>&nbsp;周杰伦</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u377" class="ax_default box_1">
          <div id="u377_div" class=""></div>
          <div id="u377_text" class="text ">
            <p><span>跨时代</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u378" class="ax_default box_1">
          <div id="u378_div" class=""></div>
          <div id="u378_text" class="text ">
            <p><span>烟花易冷</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u379" class="ax_default box_1">
        <div id="u379_div" class=""></div>
        <div id="u379_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u380" class="ax_default box_1">
        <div id="u380_div" class=""></div>
        <div id="u380_text" class="text ">
          <p><span>2</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u381" class="ax_default box_1">
        <div id="u381_div" class=""></div>
        <div id="u381_text" class="text ">
          <p><span>3</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u382" class="ax_default box_1">
        <div id="u382_div" class=""></div>
        <div id="u382_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u383" class="ax_default box_1">
        <div id="u383_div" class=""></div>
        <div id="u383_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u384" class="ax_default" data-left="499" data-top="907" data-width="1280" data-height="56">

        <!-- Unnamed (矩形) -->
        <div id="u385" class="ax_default box_1">
          <div id="u385_div" class=""></div>
          <div id="u385_text" class="text ">
            <p><span>林俊杰</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u386" class="ax_default box_1">
          <div id="u386_div" class=""></div>
          <div id="u386_text" class="text ">
            <p><span>和自己对话 From M.E. To Myself</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u387" class="ax_default box_1">
          <div id="u387_div" class=""></div>
          <div id="u387_text" class="text ">
            <p><span>关键词</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u388" class="ax_default box_1">
        <div id="u388_div" class=""></div>
        <div id="u388_text" class="text ">
          <p><span>5</span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u389" class="ax_default _图片">
        <img id="u389_img" class="img " src="images/歌单详情/u389.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u390" class="ax_default" data-left="0" data-top="1051" data-width="50" data-height="29">

        <!-- Unnamed (动态面板) -->
        <div id="u391" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
          <div id="u391_state0" class="panel_state" data-label="隐藏" style="">
            <div id="u391_state0_content" class="panel_state_content">

              <!-- Unnamed (横线) -->
              <div id="u392" class="ax_default line">
                <img id="u392_img" class="img " src="images/我的音乐/u257.png"/>
              </div>
            </div>
          </div>
          <div id="u391_state1" class="panel_state" data-label="显示" style="visibility: hidden;">
            <div id="u391_state1_content" class="panel_state_content">

              <!-- Unnamed (矩形) -->
              <div id="u393" class="ax_default box_1">
                <div id="u393_div" class=""></div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u394" class="ax_default icon">
                <img id="u394_img" class="img " src="images/我的音乐/u259.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u395" class="ax_default icon">
                <img id="u395_img" class="img " src="images/我的音乐/u260.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u396" class="ax_default icon">
                <img id="u396_img" class="img " src="images/我的音乐/u261.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u397" class="ax_default icon ax_default_hidden" style="display:none; visibility: hidden">
                <img id="u397_img" class="img " src="images/我的音乐/u262.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u398" class="ax_default icon">
                <img id="u398_img" class="img " src="images/我的音乐/u263.png"/>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u399" class="ax_default icon">
          <img id="u399_img" class="img " src="images/歌单详情/u399.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u400" class="ax_default icon ax_default_hidden" style="display:none; visibility: hidden">
          <img id="u400_img" class="img " src="images/歌单详情/u400.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
